/*button*/
body{background:#FFF4D2;background-size: 320px auto;}
select {-webkit-appearance: none;-webkit-padding-end: 20px;-webkit-padding-start: 6px;background:url(../img/select-arrow.png) no-repeat #fff right 0px ;background-size: 34px auto;border:#cfba8a 1px solid;box-sizing:border-box;width:100%;height:33px;outline: none;font-size: 12px;color:#9e702f;padding:0px 8px;}
input[type="text"]{-webkit-appearance: none;border:#cfba8a 1px solid;border:#cfba8a 1px solid;box-sizing:border-box;width:100%;height:33px;outline: none;font-size: 12px;color:#9e702f;padding:0px 8px;}
.c-orange{color:#ff5400;}
.c-red{color:#cd0000;}
.c-gray{color:rgba(134,85,0,.7);}
.chest-btn{width:100%;display: block;color:#fff;background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ffa200));height:44px;line-height: 44px;border-radius: 3px;font-size: 17px;}
.chest-btn:active{background-image: -webkit-gradient(linear, left top, left bottom, from(#f09902), to(#f09902));}
.btn-weak{background:#ff9600;}
.btn-weak:active{background:#ec8c03;}
.wrapper .ui-border-top{border-top:1px solid #eccf88}
.wrapper .ui-border-btm{border-bottom:1px solid #eccf88}
.wrapper .ui-border-tb{border-top:#eccf88 1px solid;border-bottom:#eccf88 1px solid;background-image:none}
@media screen and (-webkit-min-device-pixel-ratio:2){
	.wrapper .ui-border-top{border-top:0}
	.wrapper .ui-border-btm{border-bottom:0}
	.wrapper .ui-border-top{background-position:left top;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.5,rgba(0,0,0,0)),color-stop(.5,#eccf88),to(#eccf88))}
	.wrapper .ui-border-btm{background-position:left bottom;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(.5,rgba(0,0,0,0)),color-stop(.5,#eccf88),to(#eccf88))}
	.wrapper .ui-border-top,.wrapper .ui-border-btm{background-repeat:repeat-x;background-size:100% 1px}
	.wrapper .ui-border-tb{background:-webkit-gradient(linear,left bottom,left top,color-stop(.50,transparent),color-stop(.50,#eccf88),to(#eccf88)) left top repeat-x,-webkit-gradient(linear,left top,left bottom,color-stop(.5,transparent),color-stop(.5,#eccf88),to(#eccf88)) left bottom repeat-x;border-top:0;border-bottom:0}
	.wrapper .ui-border-tb{background-size:100% 1px;-wekit-background-size:100% 1px}
}

.mod-chest-cont{background: url(../img/open-bg-top.png) center top  no-repeat, url(../img/open-bg-bottom.png) center bottom  no-repeat;background-size: 276px auto;width:276px;margin:27px auto 118px;position: relative;}
.mod-chest-cont:before{width:100%;position: absolute;top:12px;bottom:80px;left:0px;content:"";background:#fff;border-left:#e59c00 1px solid;border-right:#e59c00 1px solid;box-sizing:border-box;}
.mod-chest-cont .content{position: relative;z-index: 2;padding:13px;}
.mod-chest-cont h3{color:#865500;font-size: 15px;}

.mod-chest{position: relative;width: 100%;}
.mod-chest .chest-close{width: 320px;height:135px;opacity: 0;position: relative;z-index: 1;position: absolute;left:50%;top:0px;margin-left:-160px;}

.mod-chest .chest-close .gift{width: 320px;height:135px;background:url(../../images/event/chest.png) no-repeat 0px 0px;background-size: 320px auto;position: absolute;left:0;top:0px;}

.mod-chest .chest-open{width: 320px;height:150px;background:url(../../images/event/chest.png) no-repeat 0px -137px;background-size: 320px auto;opacity: 0;position: relative;z-index: 1;position: absolute;left:0px;top:0px;}
.mod-chest .chest-open .mod-chest-cont{position: absolute;bottom:-27px;left:50%;margin-left:-138px;}
.mod-chest .show{z-index: 2;opacity: 1;}

.chest-icon-zuan{position: relative;width:50px;overflow: visible;height:0px;vertical-align: middle;display: inline-block;}
.chest-icon-zuan:after{display: block;content:"";width: 75px;height:50px;position: absolute;top:-30px;left:0px;background:url(../img/chest-icon-zuan.png) 0px 0px no-repeat;background-size: 75px auto;left:-10px;}
.icon-state-doing,.icon-state-finish,.icon-state-expired{display: block;width: 112px;height:45px;background:url(../img/chest-state.png) 0px 0px no-repeat;background-size: 112px auto;}
.icon-state-doing{background-position: 0px -45px;}
.icon-state-expired{background-position: 0px -90px;}
.icon-gift-xin,.icon-gift-zuan{position: relative;width:15px;overflow: visible;height:0px;vertical-align: middle;display: inline-block;margin:0px 3px;}
.icon-gift-xin:after,.icon-gift-zuan:after{display: block;content:"";width: 15px;height:13px;position: absolute;top:-8px;left:0px;background:url(../img/chest-icon-sprite.png) 0px 0px no-repeat;background-size: 100px auto;}
.icon-gift-xin:after{background-position: -20px 0px;}
.icon-dot{width:6px;height:6px;display: inline-block;overflow: hidden;background:#ff0000;border-radius: 6px;}
.ui-round{-webkit-mask:url(../img/radius-mask.png) 0px 0px no-repeat;-webkit-mask-size:100% auto;}
